<template>
  <div class="fixed top-4 right-4 z-50 space-y-2">
    <Notification
      v-for="notification in notifications"
      :key="notification.id"
      :show="notification.show"
      :title="notification.title"
      :message="notification.message"
      :type="notification.type"
      @close="removeNotification(notification.id)"
    />
  </div>
</template>

<script setup>
import { useNotification } from '@/composables/useNotification'
import Notification from './Notification.vue'

const { notifications, removeNotification } = useNotification()
</script>
